@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal">

            <input type="hidden" id="id" value="${period.id}">

            <div class="row">
                        <div class="col-sm-6">
                            <#input id="officeName" name="机构" readonly="readonly" hidden="officeId"
                            clickFun="PeriodInfoDlg.showOfficeSelectTree(); return false;"
                            style="background-color: #ffffff !important;" required="true" underline="true" value="${period.officeName}" hiddenValue="${period.officeId}"/>
                        </div>
                        <div class="col-sm-6">
                            <#select id="period" name="周期" underline="true" required="true">
								@for(dict in dict.getDicts("apply_period")){
									@if(dict.num == period.period){
										<option value="${dict.num}" selected="selected">${dict.name}</option>
									@}else{
										<option value="${dict.num}">${dict.name}</option>
									@}
								@}
							</#select>
                        </div>
            </div>
			
			<!-- 父级部门的选择框 -->
            <div id="OfficeMenu" class="menuContent"
                 style="display: none; position: absolute; z-index: 200;">
                <ul id="OfficeMenuTree" class="ztree tree-box" style="width: 245px !important;"></ul>
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="PeriodInfoDlg.editSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="PeriodInfoDlg.close()"/>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="${ctxPath}/static/modular/system/period/period_info.js"></script>
@}